<#assign basePath=site.url>
<#include "header.html">
<style type="text/css">

.row {
	margin-right: -12px;
	margin-left: -12px
}

.row:before,.row:after {
	display: table;
	content: " "
}

.row:after {
	clear: both
}

.row:before,.row:after {
	display: table;
	content: " "
}

.row:after {
	clear: both
}

.footrow {
	position: relative;
	min-height: 1px;
	padding-right: 0px;
	padding-left: 0px;
	margin: 0px;
	float: left;
	width: 11.11%;
	padding-top: 2px;
	padding-bottom: 2px;
}


body {
	background-image: url("${basePath}img/bgg.jpg");
}



.head {
	background-image: url("${basePath}img/shuhua_biaoti00.png");
	background-repeat: no-repeat;
}

.headmore {
	background-image: url("${basePath}img/shuhua_more_00.png");
	background-repeat: no-repeat;
}

.nav {
	margin: 0px;
	margin-top: -3px;
	padding: 0px;
	width: 940px;
	height: 99px;
	clear: both;
	background-image: url("${basePath}img/shuhua_bg_00.png");
	background-repeat: no-repeat;
	padding: 0px;
}

.none {
	margin: 0px;
	padding: 0px;
	background-color: red;
}

.nav li {
	float: left;
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.content {
	background-image: url("${basePath}img/shuhua_bg_00.png");
	width: 906px;
	clear: both;
	height: 888px;
	padding-left: 17px;
	padding-right: 17px;
}

.content1 {
	width: 611px;
	height: 651px;
	float: left;
	background-image: inherit;
}
.content1_1 {
	width: 611px;
	height: 372px;
	float: left;
	
}
.content1_2 {
	width: 302px;
	float: left;
	margin-top: 10px;
	height:260px;
}
.content1_3 {
	margin-left:5px;
	margin-top: 10px;
	width: 302px;
	height:260px;
	float: left;
}
.content1content {
	height: 453px;
	clear: both;
	padding-top: 0px;
	font-size: 11px;
}

.border-tb {
	border-top-color: #bcbd9d;
	border-top-style: solid;
	border-top-width: 2px;
	border-bottom-color: #bcbd9d;
	border-bottom-style: solid;
	border-bottom-width: 2px;
}

.borderdiv {
	background-color: #bcbd9d;
	height: 2px;
}

.aa {
	opacity: 0.10;
	-moz-opacity: 0.10;
	filter: alpha(opacity = 10);
	background: #1d1e22;
}

.content1content ul {
	color: #000000;
	font-size: 13px;
	margin: 0px;
}

.spanleft {
	float: left;
}

.spanright {
	float: right;
}

.content2 {
	width: 278px;
	height: 495px;
	float: left;
	background-image: inherit;
	margin-left: 17px;
}
.content2_1{
margin-top: 20px;
clear: both;
position: relative;
}

.content2_1_content{
height: 288px;

}

.content2_2{
clear: both;
position: relative;
margin-top: 5px;
}

.content2_2_content{
height: 122px;

}
.content2_3{
margin-top: 5px;
clear: both;
position: relative;
}

.content2_3_content{
height: 113px;

}
.content2content1 span {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 180px;
	height: 100px;
}


.center {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	clear: both;
	text-align: center;
}

.hezuo {
	margin-top: 0px;
	clear: both;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 906px;
}

.hezuohead {
	background-image: url("${basePath}img/hezuobg.png");
	background-repeat: no-repeat;
	height: 29px;
	width: 906px;
}

.hezuoheadtext1 {
	color: white;
	float: left;
	margin-left: 25px;
	margin-top: 5px;
	font-size: 13px;
}

.hezuocentent {
	clear: both;
	height: 83px;
	padding-top: 15px;
	width: 906x;
}
.nav {
	margin: 0px;
	margin-top: -3px;
	padding: 0px;
	width: 940px;
	height: 99px;
	clear: both;
	background-image: url("${basePath}img/nav02.png");
	background-repeat: no-repeat;
	padding: 0px;
}

.none {
	margin: 0px;
	padding: 0px;
	background-color: red;
}

.nav li {
	float: left;
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.nav1 {
	margin-left: 43px;
}

img {
	border: none;
}

ul {
	margin-left: 5px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}

ul li {
	list-style: none;
	clear: both;
	padding: 2px;
}

.foot {
	background-image: url("${basePath}img/foot_bg.jpg");
	width: 940px;
	height: 116px;
	margin-left: -17px;
}
.bg2 {
	background-image: url("${basePath}img/di02.jpg");
}
.mt1{
margin-top: 1px;
}
.mb1{
margin-bottom: 2px;
}
.diwenben{
background-image: url("${basePath}img/diwenben.png");
}
.dibiaoti{
background-image: url("${basePath}img/dibiaoti.png");
}
.headdiv {
    background-image: url("${basePath}img/dibiaoti.png");
	border-bottom-color: #60605f;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-top-color: #60605f;
	border-top-width: 2px;
	border-top-style: solid;
}

</style>
<link href="${basePath}css/site.css" rel="stylesheet" type="text/css" />
</head>
<body>
	<#include "../include/headimg.html">
	<#include "nav_新闻栏目.html">
	<div class="content">
	
	
	
		<div style="clear: both;position: relative;">
			<div class="content1 ">
				<div class="content1_1 diwenben">
				   <h2 style="color: #435860;margin: 0;padding: 0px;text-align: center;height: 39px;font-size: 26px;padding-top: 3px;">
				   <@cms_content_list typeId="1" count='1' titLen='18'
						orderBy='0' channelOption='1'> <#list tag_list as a>
				   <a href="${a.url}" style="color: #435860;text-decoration:none;"> <@text_cut s=a.title len=titLen
										append=append/></a>
				   </#list>
					</@cms_content_list>
				   </h2>
				   <div>
					<div style="float: left;">
					    <@cms_content_list count='1' channelId="42" titLen='18' orderBy='3' channelOption='1'>
					        <#list tag_list as a>
					<a href="${a.url}"><img alt="" src="${a.typeImg!site.defImg}" style="width: 260px;height: 325px;padding-left: 5px;"></a>
					</#list> </@cms_content_list>
					</div>
				    <div style="float: left;width: 330px;padding-left: 12px;">
					<ul>
						<@cms_content_list typeId="1,2,3,4" count='15' titLen='16'
						orderBy='0' channelOption='1'> <#list tag_list as a>
						<li><a href="${a.url}"><div>
									<span class="spanleft">.<@text_cut s=a.title len=titLen
										append=append/></span><span class="spanright">
										[${a.date?string('yyyy-MM-dd')}]</span>
								</div></a></li> </#list>
						</@cms_content_list>
					</ul>
					</div>
					<div class="clear"></div>
					</div>
				</div>
			  <div class="content1_2 diwenben">
					<div style="clear: both;">
						<div class="headdiv" style="height: 31px;width: 302px;">
							<div class="head">专题讲解</div>
							<div class="headmore">更多</div>
						</div>
						<div class="content1_2_content">
							<ul>
								<@cms_content_list count='10' channelId="1" titLen='13'
								orderBy='0' channelOption='1'> <#list tag_list as a>
								<li><a href="${a.url}"><span class="spanleft">.<@text_cut
											s=a.title len=titLen append=append/></span><span class="spanright">[${a.date?string('yyyy-MM-dd')}]</span></a></li>
								</#list> </@cms_content_list>
							</ul>
						</div>
					</div>
				</div>
				
				 <div class="content1_3 diwenben">
					<div style="clear: both;">
						<div class="headdiv" style="height: 31px;width: 302px;">
							<div class="head">书画文摘</div>
							<div class="headmore">更多</div>
						</div>
						<div class="content1_3_content">
							<ul>
								<@cms_content_list count='10' channelId="1" titLen='13'
								orderBy='0' channelOption='1'> <#list tag_list as a>
								<li><a href="${a.url}"><span class="spanleft">.<@text_cut
											s=a.title len=titLen append=append/></span><span class="spanright">[${a.date?string('yyyy-MM-dd')}]</span></a></li>
								</#list> </@cms_content_list>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<div class="content2">
				<!-- 大德新闻 -->
				<div class="content2_1  diwenben" style="margin-top: 0px;">
					<div style="clear: both;">
						<div class="headdiv" style="height: 31px;width: 278px;">
							<div style="float: left;"><img alt="" src="${basePath}img/shuhua_dade.png"></div>
							<div class="headmore">更多</div>
						</div>
						<div class="content2_1_content">
							<ul>
								<@cms_content_list count='13' channelId="14" titLen='11'
								orderBy='0' channelOption='1'> <#list tag_list as a>
								<li><a href="${a.url}"><span class="spanleft">.<@text_cut
											s=a.title len=titLen append=append/></span><span class="spanright">[${a.date?string('yyyy-MM-dd')}]</span></a></li>
								</#list> </@cms_content_list>
							</ul>
						</div>
					</div>
				</div>
                <div class="content2_2 ">
					<div style="clear: both;">
						<div class="headdiv" style="height: 31px;width: 278px;">
							<div class="head">时事评论</div>
							<div class="headmore">更多</div>
						</div>
						<div class="content2_2_content diwenben">
							<ul>
								<@cms_content_list count='5' channelId="1" titLen='11'
								orderBy='0' channelOption='1'> <#list tag_list as a>
								<li><a href="${a.url}"><span class="spanleft">.<@text_cut
											s=a.title len=titLen append=append/></span><span class="spanright">[${a.date?string('yyyy-MM-dd')}]</span></a></li>
								</#list> </@cms_content_list>
							</ul>

						</div>
					</div>
				</div>
                <div class="content2_3 diwenben" style="height: 155px;">
					<div style="clear: both;">
						<div class="headdiv" style="height: 31px;width: 278px;">
							<div class="head">图片新闻</div>
							<div class="headmore">更多</div>
						</div>
						<div >
						    <div style="margin-top: 5px;">
						    <@cms_content_list count='2' channelId="42" titLen='18' orderBy='8' channelOption='1'>
					        <#list tag_list as a>
							    <div style="float: left;margin-left: 2px;">
							    <a href="${a.url}"><img style="width: 134px;height: 100px;" alt="" src="${a.typeImg!site.defImg}"></a>
							    </div>
							  </#list>
							 </@cms_content_list>
							    <div class="clear"></div>
						    </div>    
						
							
								<@cms_content_list count='1' channelId="1" titLen='11'
								orderBy='0' channelOption='1'> <#list tag_list as a>
								<a href="${a.url}"><span class="spanleft"><@text_cut
											s=a.title len=titLen append=append/></span><span class="spanright">[${a.date?string('yyyy-MM-dd')}]</span></a>
								</#list> </@cms_content_list>
							

						</div>
					</div>
				</div>				
			</div>
		</div>
		<div class="hezuo" >
			<div class="hezuohead">
				<div class="hezuoheadtext1">&nbsp;&nbsp;&nbsp;&nbsp;</div>

			</div>
			<div class="hezuocentent row diwenben" style="margin-left: 0px;width: 906px;">
				<@cms_friendlink_list> <#list tag_list as link> <a
					href="${link.domain}"
					onclick="$.get('${base}/friendlink_view.jspx?id=${link.id}')"
					target="_blank" class="footrow">${link.name}</a> </#list>
				</@cms_friendlink_list>
			</div>
		</div>
		 <#include "foot.html">
	</div>
	<script src="${basePath}/plug/slider/js/slider.js"
		type="text/javascript"></script>

	<script type="text/javascript">
		$(function() {
			$('#demo01').flexslider({
				animation : "slide",
				direction : "horizontal",
				easing : "swing"
			});
		});
	</script>
</body>
</html>